// Name:            Style mower
// Description:     Sets  values for composite HTML elements and customization.
//
// ========================================================================


// Variables
// =======================================================================
@navbar-min-height:                                                      45px;
@navbar-padding-vertical:                                                10px;
@navbar-padding-horizontal:                                              10px;
@navbar-fontsize:                                                        15px;
@navbar-icon-fontsize:                                                   12px;
@navbar-line-height:                                                     25px;

@main-navbar-margin-bottom-height:                                       10px;
@main-navbar-menu-min-height:                                           200px;

@main-menu-item-header-height:                                           32px;
@main-menu-item-header-color:                                         #444444;
@main-menu-item-header-hover-bg-color:                                #15b5c1;
@main-menu-item-header-hover-color:                                   #ffffff;

@main-menu-item-main-min-width:                                         700px;
@main-menu-item-main-min-height:                                        300px;
@main-menu-item-main-border-color:      @main-menu-item-header-hover-bg-color;
@main-menu-item-main-padding:                                             1px;
@main-menu-item-main-border:                                              2px;

@main-menu-subitem-main-padding:                                          14px;
@main-menu-subitem-dt-width:                                             130px;
@main-menu-subitem-dd-width:     (@main-menu-item-main-min-width - @main-menu-subitem-dt-width -  @main-menu-subitem-main-padding * 2 - @main-menu-item-main-border * 2 - @main-menu-item-main-padding * 2 );
@main-menu-subitem-a-color:                                            #D92432;


@main-navbar-menu-fontsize:                                  @navbar-fontsize;

@main-menu-item-header-font-size:                                        14px;
@main-menu-subitem-main-font-size:                                       12px;

@wizard-li-height:                                                      30px;

/*whole min height - (1px*2)border*/
@wizard-li-line-height:                                     @wizard-li-height;
@wizard-action-line-height:                                (@wizard-li-height - 8);
@wizard-chevron-border:                               (@wizard-li-height / 2);
@wizard-chevron-border-left:                    ((@wizard-li-height / 2) - 1);

@pagination-border-radius:                                              16px;


/* ========================================================================
   Component: Style mower
 ========================================================================== */


/* styles for  override bootstrap.
 ========================================================================== */

.navbar {
  min-height: @navbar-min-height;
}
.navbar .divider-vertical {
  height: @navbar-min-height;
  margin: 0 9px;
  border-right: 1px solid #ffffff;
  border-left: 1px solid #f2f2f2;
}
.navbar-brand {
  height: @navbar-min-height;
  padding: @navbar-padding-vertical @navbar-padding-horizontal;
}

.navbar-nav > li > a {
  padding-top: @navbar-padding-vertical !important;
  padding-bottom: @navbar-padding-vertical !important;
  font-size: @navbar-fontsize;
  line-height: @navbar-line-height;
  > i {
    font-size: @navbar-icon-fontsize;
  }
}



/*
 * General styles for dropdown-menu position and arrow toggled by nav.
 */

.nav.pull-right > li > .dropdown-menu,
.nav.navbar-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right,
.nav > li > .dropdown-menu.navbar-right {
  right: 0;
  left: auto;
  &:before {
    right: 12px;
    left: auto;
  }
  &:after {
    right: 13px;
    left: auto;
  }
  .dropdown-menu {
    right: 100%;
    left: auto;
    margin-right: -1px;
    margin-left: 0;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
  }
}

@media (max-width: @screen-xs-max) {

  .nav > li > .dropdown-menu {
    right: 0;
    left: auto;
    &:before {
      right: 12px;
      left: auto;
    }
    &:after {
      right: 13px;
      left: auto;
    }
  }

  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 2px;
    background-color: transparent;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
    > li > a {
      padding: 6px 0 6px 13px;
    }
  }
}


/*
 * Dropdown Menu Badges
 */

.dropdown-menu > li > a > .badge {
  position: absolute;
  margin-top: 1px;
  right: 3px;
  display: inline;
  font-size: 11px;
  font-weight: 300;
  text-shadow:none;
  height: 18px;
  padding: 3px 6px 3px 6px;
  text-align: center;
  vertical-align: middle;
  -webkit-border-radius: 12px !important;
  -moz-border-radius: 12px !important;
  border-radius: 12px !important;
}

/* styles for  navbar-default.
 ========================================================================== */
.navbar-default-red {
  background-color: #d40b07;
  border: none;
}
.navbar-default-red .navbar-brand {
  color: #fff;
}
.navbar-default-red .navbar-brand:hover,
.navbar-default-red .navbar-brand:focus {
  color: #fff;
  background-color: none;
}
.navbar-default-red .navbar-text {
  color: #fff;
}
.navbar-default-red .navbar-nav > li > a {
  color: #fff;
}
.navbar-default-red .navbar-nav > li > a:hover,
.navbar-default-red .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #e59205;
}
.navbar-default-red .navbar-nav > .active > a,
.navbar-default-red .navbar-nav > .active > a:hover,
.navbar-default-red .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #faa619;
}
.navbar-default-red .navbar-nav > .disabled > a,
.navbar-default-red .navbar-nav > .disabled > a:hover,
.navbar-default-red .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default-red .navbar-toggle {
  border-color: #8a0705;
}
.navbar-default-red .navbar-toggle:hover,
.navbar-default-red .navbar-toggle:focus {
  background-color: #8a0705;
}
.navbar-default-red .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-default-red .navbar-collapse,
.navbar-default-red .navbar-form {
  border-color: #b40906;
}
.navbar-default-red .navbar-nav > .open > a,
.navbar-default-red .navbar-nav > .open > a:hover,
.navbar-default-red .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #e59205;
}
@media (max-width: 767px) {
  .navbar-default-red .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
  }
  .navbar-default-red .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default-red .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: #e59205;
  }
  .navbar-default-red .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default-red .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default-red .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #faa619;
  }
  .navbar-default-red .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default-red .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default-red .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default-red .navbar-link {
  color: #fff;
}
.navbar-default-red .navbar-link:hover {
  color: #fff;
}
.navbar-default-red .btn-link {
  color: #fff;
}
.navbar-default-red .btn-link:hover,
.navbar-default-red .btn-link:focus {
  color: #fff;
}
.navbar-default-red .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default-red .btn-link:hover,
.navbar-default-red .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default-red .btn-link:focus {
  color: #ccc;
}



// fix an issue with form-control-feedback and fontawesome
// see https://github.com/FortAwesome/Font-Awesome/issues/4313
.form-control + .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: auto;
}

.form-control.input-lg + .form-control-feedback {
    height: 46px;
}

.form-control.input-sm + .form-control-feedback {
    height: 30px;
}


/*
 *Iconic Labels
 */

.label.label-icon {
  padding: 4px 8px;
  margin-right: 2px;
  text-align: center !important;
}


/*
 * fa-icon icon  glyphicon
 */
li [class^="fa-"],
li [class^="glyphicon-"],
li [class^="icon-"],
li [class*=" fa-"],
li [class*=" glyphicon-"],
li [class*=" icon-"] {
  display: inline-block;
  text-align: center;
  width: 1.25em;
}
li [class^="glyphicon-"],
li [class*=" glyphicon-"] {
  top: 2px;
}
li [class^="icon-"],
li [class*=" icon-"] {
  position: relative;
  top: 1px;
}
li .icon-large[class^="fa-"],
li .icon-large[class^="glyphicon-"],
li .icon-large[class^="icon-"],
li .icon-large[class*=" fa-"],
li .icon-large[class*=" glyphicon-"],
li .icon-large[class*=" icon-"] {
  width: 1.5625em;
}

/*
 * input
 */

.input-group-addon {
  padding: 6px 10px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;

  &.border-less
  {
      border-left: 0;
      border-right: 0;
  }

  &:empty, &.padding-less
  {
      padding: 0;
      width: 1px;
  }
}
.input-group-addon {
  transition: border-color 0.3s;
  -o-transition: border-color 0.3s;
  -ms-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  -webkit-transition: border-color 0.3s;
  transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -webkit-transition: background-color 0.3s;
}
.input-group-addon .fa {
  font-size: 14px;
}
.input-group-addon .fa-lg,
.input-group-addon .fa-2x {
  font-size: 2em;
}
.input-group-addon .fa-3x,
.input-group-addon .fa-4x,
.input-group-addon .fa-5x {
  font-size: 30px;
}

.has-warning input[type="text"],
.has-warning input[type="text"] + .input-group-addon {
  border-color: #dbab57;
}
.has-warning input[type="text"] + .input-group-addon {
  background-color: #faf2cc;
  color: #c09853;
}
.has-warning input[type="text"]:focus,
.has-warning input[type="text"]:focus + .input-group-addon {
  border-color: #dbab57;
}
.has-warning input[type="text"]:focus + .input-group-addon {
  background-color: #e1c118;
  color: #ffffff;
}
.has-error .input-group-addon {
  border-color: #b94a48;
  background: #f2dede;
  color: #b94a48;
}
.has-error input[type="text"],
.has-error input[type="text"] + .input-group-addon {
  border-color: #b94a48;
}
.has-error input[type="text"] + .input-group-addon {
  background-color: #f2dede;
  color: #b94a48;
}
.has-error input[type="text"]:focus,
.has-error input[type="text"]:focus + .input-group-addon {
  border-color: #c05e5e;
}
.has-error input[type="text"]:focus + .input-group-addon {
  background-color: #c05e5e;
  color: #ffffff;
}
.has-success input[type="text"]:focus + .input-group-addon {
  border-color: #468847;
  background-color: #468847;
  color: #ffffff;
}


.has-error .input-group-btn > .btn {
  color: #fff;
  border-color: #b94a48;
  background-color: #f2dede;
}

.has-success .input-group-btn > .btn {
  color: #fff;
  background-color: #468847;
  border-color: #468847;
}

.form fieldset .form-group:last-child,
.form fieldset .form-group:last-child .note,
.form .form-group:last-child,
.form .form-group:last-child .note {
  margin-bottom: 0;
}

/***
Input icons
***/
.input-icon {
  position: relative;
}
.input-icon > .form-control {
  padding-left: 33px;
}
.input-group .input-icon > .form-control {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-icon > i {
  color: #ccc;
  display: block;
  position: absolute;
  margin: 11px 2px 4px 10px;
  z-index: 3;
  width: 16px;
  font-size: 16px;
  text-align: center;
}
.modal .input-icon > i {
  z-index: 10055;
}
.has-success .input-icon > i {
  color: #45B6AF;
}
.has-warning .input-icon > i {
  color: #dfba49;
}
.has-info .input-icon > i {
  color: #89C4F4;
}
.has-error .input-icon > i {
  color: #F3565D;
}
.input-icon.right > .form-control {
  padding-right: 33px;
  padding-left: 12px;
}
.input-group .input-icon.right > .form-control {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}
.input-icon.right > i {
  right: 8px;
  float: right;
}
.input-icon.input-icon-lg > i {
  margin-top: 16px;
}
.input-icon.input-icon-sm > i {
  margin-top: 8px;
  font-size: 13px;
}

/***
 Input-group
***/
.input-group-btn > .btn {
  line-height: 20px;
  border-radius: 0 !important;
}

.input-group-btn > .btn.btn-sm {
  line-height: 18px;
}
.input-group-btn.border-less > .btn
{
  border-left: 0;
  border-right: 0;
  border-radius: 0;
}

.input-group-btn > .btn.dropdown-toggle > [class*="fa-"] {
  margin-right: 0;
  font-size: 14px;
}
.input-group > .btn.btn-sm {
  line-height: 22px;
}
.input-group > .btn + .btn {
  margin-left: 1px;
}
.input-group > .btn-group > .btn {
  line-height: 23px;
}
.input-group > .btn-group > .btn.btn-sm {
  line-height: 26px;
}
.input-group > .btn > .caret,
.input-group > .btn-group > .btn > .caret,
.input-group > .btn.btn-sm > .caret,
.input-group > .btn-group > .btn.btn-sm > .caret {
  margin-top: 10px;
}

.input-group + .form-control-feedback{
  line-height:34px;
}
/*
 * Alerts
 */
.alert {
  margin-bottom: 10px;
  margin-top: 0px;
  padding: 5px 15px 5px 34px;
  color: #675100;
  border-width: 0px;
  border-left-width: 5px;
  padding: 10px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;

  // Improve alignment and spacing of inner content
  > p,
  > ul
  {
    margin-bottom: 0;
  }
  > p + p
  {
    margin-top: 5px;
  }

  > [class*="fa-"],
  > [class*="icon-"]
  {
    float: left;
    font-size: 20px;
    opacity: 0.6;
    margin-top: -5px;
    .transition(opacity,@animation-speed-fast,@animation-type);
  }

  >[class*="fa-"] + .content,
  >[class*="icon-"] + .content
  {
    margin-left: 50px;
    min-height: 30px;
  }

  &.alert-icon
  {
    width: 100%;
    display: table;

    >[class*="icon-"] , 
    > [class*="fa-"],  
    >[class*="fa-"] + .content, 
    >[class*="icon-"] + .content
    {
      float: none;
      margin: 0;
      display: table-cell;
      vertical-align: middle;
      min-height: 0;
    }

    >[class*="icon-"],
    > [class*="fa-"],
    {
      width: 20px;
    }
    
    >[class*="fa-"] + .content,
    >[class*="icon-"] + .content
    {
      padding-left: 1em;
    }
  }
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-heading {
  font-weight: 600;
}

.alert-default {
  border-color: #e4e4e4;
  color: #353535;
  background: #f1f1f1;
  text-shadow: none;
}

.alert-danger {
  border-color: #953b39;
  color: #ffffff;
  background: #c26565;
  text-shadow: none;
}
.alert-warning {
  border-color: #dfb56c;
  color: #826430;
  background: #efe1b3;
}
.alert-success {
  border-color: #8ac38b;
  color: #356635;
  background: #cde0c4;
}
.alert-info {
  border-color: #9cb4c5;
  color: #305d8c;
  background: #d6dde7;
}

.control-label .required {
  color: #E02222;
  font-size: 12px;
  padding-left: 2px;
}

// Block alert
.alert-block
{
    margin: 0;
    border-radius: 0;
}


.alert:hover
{

  background-color: darken(#f1f1f1,5%);
  &.alert-success
  {
    background-color: darken(#cde0c4,5%);
  }
  &.alert-info
  {
    background-color: darken(#d6dde7,5%);
  }
  &.alert-warning
  {
    background-color: darken(#efe1b3,5%);
  }
  &.alert-danger
  {
    background-color: darken(#c26565,5%);
  }
  >[class*="icon-"],
  >[class*="fa-"]
  {
    opacity: 1;
  }
}


/*pagination*/
.pagination, .pager li > a {
    .border-radius(2px);
}
.pagination, .pager {
    margin: 0;
    > li {
        > a {
            color: @carbon;
            background-color: @white;
            margin: 0 -1px 0 0;
            border-color: @gray;
            &:hover {
                background-color: #ebebeb;
                border-color: #b8b8b8;
            }
            &:focus, &:focus {
                background-color: #ebebeb;
                border-color: #b8b8b8;
            }
        }
        &.disabled {
            > a {
                &, &:hover {
                    background-color: #f9f9f9;
                    border-color: #d9d9d9;
                }
            }
        }
    }
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    .border-radius(0 2px 2px 0);
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    .border-radius( 2px 0 0 2px);
}
.pagination > li > a, .pager > li > a, .pagination > li > span, .pager > li > span {
    border-width: 1px;
}
.pagination > li.active > a,
.pagination > li.active > a:hover,
.pagination > li.active > a:focus,
.pagination > li.active > span,
.pagination > li.active > span:hover,
.pagination > li.active > span:focus, {
    background-color: @theme-primary;
    border-color: @theme-primary;
    color: @white;
    .text-shadow(0 -1px 0 rgba(0, 0, 0, 0.25));
}

.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}


/* pagination
 ========================================================================== */

 .pagination-pills,.pager-pills
 {
   > li:first-child
   {
     > a,
     > span
     {
       border-radius: @pagination-border-radius 0 0 @pagination-border-radius !important;
     }
   }

   > li:last-child
   {
     > a,
     > span
     {
       border-radius: 0 @pagination-border-radius @pagination-border-radius 0 !important;
     }
   }


   &.pager-justify > li
   {
       > a,
       > span
       {
         border-radius: @pagination-border-radius !important;
       }
   }
 }

 .pagination-loose,.pager-loose
 {
   display: block;
   margin: 20px 0;
   .clearfix();
   &.pagination-pills > li, &.pager-pills > li
   {
       > a,
       > span
       {
         border-radius: @pagination-border-radius !important;
       }
   }

   > li
   {
     > a,
     > span
     {
       margin-left: 5px !important;
     }
   }
   > li:first-child
   {
     > a,
     > span
     {
       margin-left: 0 !important;
     }
   }
 }


.mu-pagination > li > a,
.mu-pagination > li > span {
  padding: 4px 12px !important;
}


/* mower navbar.styles for main navbar.
 ========================================================================== */

.mu-navbar {
  margin-bottom: @main-navbar-margin-bottom-height;
}

.mu-menu {

  min-width: @main-navbar-menu-min-height;

  > a {

    font-size:  @main-navbar-menu-fontsize;

    > i {
      margin-top: 3px;
    }
  }


  > .dropdown-menu {
    min-width: @main-navbar-menu-min-height;

    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;

    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;

    // -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    // -moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    // box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
  }
}

/*
 * menu item header style.
 */
.mu-menu-item {

  > h3 {
    height: @main-menu-item-header-height;
    margin: 0;
    padding-left: 13px;
    color: @main-menu-item-header-color;
    font-size: @main-menu-item-header-font-size;
    font-weight: 400;
    line-height: 32px;
    overflow: hidden;

    a {
      display: inlie-block;
      clear: both;
      color: #444444;
      font-weight: normal;
      white-spaice: nowrap;
    }

    i {
      padding-right:15px;
      line-height: 32px;
      font-size: 12px;
      color:#e5e5e5;
    }
  }

  &.hover > h3 {

    background-color:@main-menu-item-header-hover-bg-color;
    color: @main-menu-item-header-hover-color;
    overflow: hidden;

    a {
      color: #ffffff;

      &:link,
      &:visited{
        color: #ffffff;
      }

      &:hover,
      &:active{
        font-weight: bold;
      }
    }

    i {
      color: #ffffff;
    }

  }

}


/*
 * menu item main style.expand the panel on hover item.
 */

.mu-menu-item-main {
  display: none;
  position: absolute;
  top: 0;
  left: 0;

  min-width: @main-menu-item-main-min-width;
  min-height: @main-menu-item-main-min-height;
  padding: @main-menu-item-main-padding;

  background-color: #fff;
  background-clip: padding-box;

  text-align: left;
  white-space: normal;

  border: @main-menu-item-main-border solid @main-menu-item-main-border-color;
  overflow: hidden;
  z-index: 1010;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);


  dt {
    padding:3px 6px 0 0;
    font-weight:bold;
    color:#C00;
  }

  dd {
    padding:3px 0 0;
    overflow:hidden;
    zoom:1;
  }
}


/*
 * menu sub item main style.
 */

.mu-menu-subitem-main {
  padding: 6px  @main-menu-subitem-main-padding;

  dl {
    margin: 0;
    padding: 6px 0;
    border-bottom: 1px solid #E5E5E5;
    font-size: @main-menu-subitem-main-font-size;
    overflow: hidden;

    &:last-child {
      border-bottom: none;
    }

  }

  dt {

    float: left;
    width: @main-menu-subitem-dt-width;
    line-height: 22px;
    text-align: right;

    a {
        color: @main-menu-subitem-a-color;
        font-weight:bold;

        &:hover{
          text-decoration: none;
        }
    }
  }

  dd {
    float: left;
    width: @main-menu-subitem-dd-width;

    em {
      float: left;
      height: 14px;
      line-height: 14px;
      margin: 4px 0;
      padding: 0 8px;
      border-left: 1px solid #CCCCCC;
      font-style: normal;
    }

    a {
      color: #666666;
      text-decoration: none;
      white-space:nowrap;

      &:hover {
        color: @main-menu-subitem-a-color;
        text-decoration: underline;
      }
    }
  }
}

/* breadcrumb
 ========================================================================== */
 
.breadcrumb {
   background-color: transparent;
   display: inline-block;
   line-height: 24px;
   margin: 0 22px 0 12px;
   padding: 0;
   font-size: 13px;
   color: @slate-gray;
   border-radius: 0;
   & > li, & > li.active {
       color: @silver;
       .text-shadow(none);
   }
   & > li + li:before {
       // display: none;
       content: "\f105";
       font-family: FontAwesome;
       font-style: normal;
       font-weight: normal;
       text-decoration: inherit;
       font-size: 14px;
   }
   & > li > .divider {
       padding: 0 4px;
   }
   & > li > a {
       display: inline-block;
       color: @theme-primary;
   }
   & > li:first-child > a {
       padding-left: 4px;
   }
   & > li > i {
       margin-left: 4px;
       margin-right: 2px;
       font-size: 20px;
       position: relative;
       top: 2px;
   }
}

/* mower panel. styles for panel.
 ========================================================================== */

/* Basic panel-widget */
.panel-widget {
  margin-top: 0px;
  margin-bottom: 25px;
  padding: 0px;
}
.panel-widget > .panel-heading {
  border-bottom: 1px solid #eee;
  padding: 0;
  margin-bottom: 10px;
  min-height: 41px;

  &.bordered-bottom-highlight {
    border-bottom: 3px solid #eee;
  }
}


.panel-widget > .panel-heading:before,
.panel-widget > .panel-heading:after {
  content: " ";
  display: table;
}
.panel-widget > .panel-heading:after {
  clear: both;
}
.panel-widget > .panel-heading > .caption {
  float: left;
  display: inline-block;
  font-size: 18px;
  line-height: 18px;
  font-weight: 300;
  padding: 10px 0;
}
.panel-widget > .panel-heading > .caption.bold {
  font-weight: 400;
}
.panel-widget > .panel-heading > .caption > i {
  float: left;
  margin-top: 4px;
  display: inline-block;
  font-size: 13px;
  margin-right: 5px;
  color: #666;
}
.panel-widget > .panel-heading > .caption > i.glyphicon {
  margin-top: 2px;
}
.panel-widget > .panel-heading > .caption > .caption-helper {
  padding: 0;
  margin: 0;
  line-height: 13px;
  color: #9eacb4;
  font-size: 13px;
  font-weight: 400;
}
.panel-widget > .panel-heading > .actions {
  float: right;
  display: inline-block;
  padding: 6px 0;
}
.panel-widget > .panel-heading > .actions > .dropdown-menu i {
  color: #555555;
}
.panel-widget > .panel-heading > .actions > .btn,
.panel-widget > .panel-heading > .actions > .btn.btn-sm,
.panel-widget > .panel-heading > .actions > .btn-group > .btn,
.panel-widget > .panel-heading > .actions > .btn-group > .btn.btn-sm {
  padding: 4px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.panel-widget > .panel-heading > .actions > .btn.btn-default,
.panel-widget > .panel-heading > .actions > .btn.btn-sm.btn-default,
.panel-widget > .panel-heading > .actions > .btn-group > .btn.btn-default,
.panel-widget > .panel-heading > .actions > .btn-group > .btn.btn-sm.btn-default {
  padding: 3px 9px;
}
.panel-widget > .panel-heading > .actions > .btn > i,
.panel-widget > .panel-heading > .actions > .btn.btn-sm > i,
.panel-widget > .panel-heading > .actions > .btn-group > .btn > i,
.panel-widget > .panel-heading > .actions > .btn-group > .btn.btn-sm > i {
  font-size: 13px;
}
.panel-widget > .panel-heading > .actions .btn-icon-only {
  padding: 5px 7px 3px 7px;
}
.panel-widget > .panel-heading > .actions .btn-icon-only.btn-default {
  padding: 4px 6px 2px 6px;
}
.panel-widget > .panel-heading > .actions .btn-icon-only.btn-default > i {
  font-size: 14px;
}
.panel-widget > .panel-heading > .tools {
  float: right;
  display: inline-block;
  padding: 12px 0 8px 0;
}
.panel-widget > .panel-heading > .tools > a {
  display: inline-block;
  height: 16px;
  margin-left: 5px;
}
.panel-widget > .panel-heading > .tools > a.remove {
  position: relative;
}
.panel-widget > .panel-heading > .tools > a.remove:before {
  content: "\f00d";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 14px;
}
.panel-widget > .panel-heading > .tools > a.config {
  position: relative;
}
.panel-widget > .panel-heading > .tools > a.config:before {
  content: "\f0ad";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 14px;
}

.panel-widget > .panel-heading > .tools > a.reload {
  position: relative;
}
.panel-widget > .panel-heading > .tools > a.reload:before {
  content: "\f021";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 14px;
}
.panel-widget > .panel-heading > .tools > a.expand {
  position: relative;
}
.panel-widget > .panel-heading > .tools > a.expand:before {
  content: "\f106";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 14px;
}
.panel-widget > .panel-heading > .tools > a.collapse {
  position: relative;
}
.panel-widget > .panel-heading > .tools > a.collapse:before {
  content: "\f107";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  font-size: 14px;
}
.panel-widget > .panel-heading > .tools > a:hover {
  text-decoration: none;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
  opacity: .6;
  filter: 'alpha(opacity=60)';
}
.panel-widget > .panel-heading > .pagination {
  float: right;
  display: inline-block;
  margin: 0px;
  border: 0;
  padding: 5px 0;
}
.panel-widget > .panel-heading > .nav-tabs {
  background: none;
  margin: 0;
  float: right;
  display: inline-block;
  border: 0;
}
.panel-widget > .panel-heading > .nav-tabs > li {
  background: none;
  margin: 0;
  border: 0;
}
.panel-widget > .panel-heading > .nav-tabs > li > a {
  background: none;
  margin: 5px 0 0 1px;
  border: 0;
  padding: 9px 10px;
  color: #fff;
}
.panel-widget > .panel-heading > .nav-tabs > li.active > a,
.panel-widget > .panel-heading > .nav-tabs > li:hover > a {
  color: #333;
  background: #fff;
  border: 0;
}
.panel-widget > .panel-body {
  clear: both;
  padding: 0;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, .2)
}
.panel-widget > .panel-empty {
  min-height: 125px;
}
.panel-widget.full-height-content {
  margin-bottom: 0;
}

/* panel-widget background colors */
/* Side bordered portlet */
.panel-widget.bordered {
  border-left: 2px solid #e6e9ec !important;
}
.panel-widget.bordered > .panel-heading {
  border-bottom: 0;
}

/* Box panel-widget */
.panel-widget.box {
  padding: 0px !important;
}
.panel-widget.box > .panel-heading {
  border-bottom: 0;
  padding: 0 10px;
  margin-bottom: 0;
  color: #fff;
}
.panel-widget.box > .panel-heading > .caption {
  padding: 11px 0 9px 0;
}
.panel-widget.box > .panel-heading > .tools > a.remove {
  background-image: url(../img/portlet-remove-icon-white.png);
}
.panel-widget.box > .panel-heading > .tools > a.config {
  background-image: url(../img/portlet-config-icon-white.png);
}
.panel-widget.box > .panel-heading > .tools > a.reload {
  background-image: url(../img/portlet-reload-icon-white.png);
}
.panel-widget.box > .panel-heading > .tools > a.expand {
  background-image: url(../img/portlet-expand-icon-white.png);
}
.panel-widget.box > .panel-heading > .tools > a.collapse {
  background-image: url(../img/portlet-collapse-icon-white.png);
}
.panel-widget.box > .panel-heading > .actions {
  padding: 7px 0 5px 0;
}
.panel-widget.box > .panel-body {
  background-color: #fff;
  padding: 10px;
}

/* Light panel-widget */
.panel-widget.light {
  padding: 12px 20px 15px 20px;
  background-color: #fff;
}
.panel-widget.light.bordered {
  border: 1px solid #e1e1e1 !important;
}
.panel-widget.light.bordered > .panel-heading {
  border-bottom: 1px solid #eee;
}
.panel-widget.light.bg-inverse {
  background: #F7F7F7;
}
.panel-widget.light > .panel-heading {
  padding: 0;
  min-height: 48px;
}
.panel-widget.light > .panel-heading > .caption {
  color: #666;
  padding: 10px 0;
}
.panel-widget.light > .panel-heading > .caption > .caption-subject {
  font-size: 16px;
}
.panel-widget.light > .panel-heading > .caption > i {
  color: #777;
  font-size: 15px;
  font-weight: 300;
  margin-top: 3px;
}
.panel-widget.light > .panel-heading > .caption.caption-md > .caption-subject {
  font-size: 15px;
}
.panel-widget.light > .panel-heading > .caption.caption-md > i {
  font-size: 14px;
}
.panel-widget.light > .panel-heading > .actions {
  padding: 6px 0 14px 0;
}
.panel-widget.light > .panel-heading > .actions .btn-default {
  color: #666;
}
.panel-widget.light > .panel-heading > .actions .btn-icon-only {
  height: 27px;
  width: 27px;
}
.panel-widget.light > .panel-heading > .actions .dropdown-menu li > a {
  color: #555;
}
.panel-widget.light > .panel-heading > .inputs {
  float: right;
  display: inline-block;
  padding: 4px 0;
}
.panel-widget.light > .panel-heading > .inputs > .panel-widget-input .input-icon > i {
  font-size: 14px;
  margin-top: 9px;
}
.panel-widget.light > .panel-heading > .inputs > .panel-widget-input .input-icon > .form-control {
  height: 30px;
  padding: 2px 26px 3px 10px;
  font-size: 13px;
}
.panel-widget.light > .panel-heading > .inputs > .panel-widget-input > .form-control {
  height: 30px;
  padding: 3px 10px;
  font-size: 13px;
}
.panel-widget.light > .panel-heading > .pagination {
  padding: 2px 0 13px 0;
}
.panel-widget.light > .panel-heading > .tools {
  padding: 10px 0 13px 0;
  margin-top: 2px;
}
.panel-widget.light > .panel-heading > .nav-tabs > li {
  margin: 0;
  padding: 0;
}
.panel-widget.light > .panel-heading > .nav-tabs > li > a {
  margin: 0;
  padding: 13px 13px 13px 13px;
  font-size: 13px;
  color: #666;
}
.panel-widget.light > .panel-heading > .nav-tabs > li.active > a, 
.panel-widget.light > .panel-heading > .nav-tabs > li:hover > a {
  margin: 0;
  background: none;
  color: #333;
}
.panel-widget.light.form-fit {
  padding: 0;
}
.panel-widget.light.form-fit > .panel-heading {
  padding: 17px 20px 10px 20px;
  margin-bottom: 0;
}
.panel-widget.light .panel-body {
  padding-top: 8px;
}

.tab-pane > p:last-child {
  margin-bottom: 0px;
}

/* Reverse aligned tabs */
.tabs-reversed > li {
  float: right;
  margin-right: 0;
}
.tabs-reversed > li > a {
  margin-right: 0;
}

/* jQuery UI Draggable Portlets */
.panel-widget-sortable > .panel-heading {
  cursor: move;
}

.panel-widget-sortable-placeholder {
  border: 2px dashed #eee;
  margin-bottom: 25px;
}

.panel-widget-sortable-empty {
  height: 45px;
}


/* Panels blue */
.panel-widget > .panel-body.blue,
.panel-widget.blue {
  background-color: #4b8df8;
}

.panel-widget.box.blue {
  .panel-box-variant(
      #7cacfa;
      #4b8df8;
      #b7d1fc;
      #d0e1fd;
      #deeafe;
      #e8f0fe;
      #ffffff;
    );
}

/* Panels blue-madison */
.panel-widget > .panel-body.blue-madison,
.panel-widget.blue-madison {
  background-color: #578ebe;
}

.panel-widget.box.blue-madison {
  .panel-box-variant(
      #7ca7cc;
      #578ebe;
      #a8c4dd;
      #bad1e4;
      #c5d8e9;
      #cdddec;
      #dfeaf3;
    );
}


/* Panels blue-chambray */
.panel-widget > .panel-body.blue-chambray,
.panel-widget.blue-chambray {
  background-color: #2c3e50;
}


.panel-widget.box.blue-chambray {
  .panel-box-variant(
      #3e5771;
      #2c3e50;
      #547698;
      #5f83a7;
      #698aac;
      #6f90b0;
      #809cb9;
    );
}

/* Panels blue-ebonyclay */
.panel-widget > .panel-body.blue-ebonyclay,
.panel-widget.blue-ebonyclay {
  background-color: #22313f;
}

.panel-widget.box.blue-ebonyclay {
  .panel-box-variant(
      #344b60;
      #22313f;
      #496a88;
      #527798;
      #587ea2;
      #5d83a7;
      #6d90b0;
    );
}

/* Panels blue-hoki */
.panel-widget > .panel-body.blue-hoki,
.panel-widget.blue-hoki {
  background-color: #67809f;
}

.panel-widget.box.blue-hoki {
  .panel-box-variant(
      #869ab3;
      #67809f;
      #acb9ca;
      #bbc7d4;
      #c5ceda;
      #cbd4de;
      #dbe1e8;
    );
}



/* Panels blue-steel */
.panel-widget > .panel-body.blue-steel,
.panel-widget.blue-steel {
  background-color: #4b77be;
}

.panel-widget.box.blue-steel {
  .panel-box-variant(
      #7093cc;
      #4b77be;
      #9db5dc;
      #b0c3e3;
      #bbcce7;
      #c3d2e9;
      #d6e0f0;
    );
}

/* Panels blue-soft */
.panel-widget > .panel-body.blue-soft,
.panel-widget.blue-hoki {
  background-color: #4c87b9;
}

.panel-widget.box.blue-soft {
  .panel-box-variant(
      #71a0c7;
      #4c87b9;
      #9dbdd9;
      #afc9e0;
      #bad1e4;
      #c1d6e7;
      #d4e2ee;
    );
}

/* Panels blue-dark */
.panel-widget > .panel-body.blue-dark,
.panel-widget.blue-dark {
  background-color: #5e738b;
}

.panel-widget.box.blue-dark {
  .panel-box-variant(
      #788da4;
      #5e738b;
      #9dacbd;
      #acb8c7;
      #b5c0cd;
      #bbc5d1;
      #cad2db;
    );
}

/* Panels blue-sharp */
.panel-widget > .panel-body.blue-sharp,
.panel-widget.blue-sharp {
  background-color: #5c9bd1;
}

.panel-widget.box.blue-sharp {
  .panel-box-variant(
      #84b3dc;
      #5c9bd1;
      #b4d1ea;
      #c7ddef;
      #d3e4f3;
      #dbe9f5;
      #eff5fb;
    );
}

/* Panels green */
.panel-widget > .panel-body.green,
.panel-widget.green {
  background-color: #35aa47;
}


.panel-widget.box.green {
  .panel-box-variant(
      #4bc75e;
      #35aa47;
      #7ad588;
      #8ddc99;
      #99dfa4;
      #a1e2ab;
      #b4e8bc;
    );
}

/* Panels green-meadow */
.panel-widget > .panel-body.green-meadow,
.panel-widget.green-meadow {
  background-color: #1bbc9b;
}

.panel-widget.box.green-meadow {
  .panel-box-variant(
      #2ae0bb;
      #1bbc9b;
      #5fe8cc;
      #75ebd3;
      #83edd7;
      #8ceeda;
      #a2f2e1;
    );
}

/* Panels green-seagreen */
.panel-widget > .panel-body.green-seagreen,
.panel-widget.green-seagreen {
  background-color: #1ba39c;
}


.panel-widget.box.green-seagreen {
  .panel-box-variant(
      #22cfc6;
      #1ba39c;
      #4de1da;
      #63e5de;
      #70e7e1;
      #78e9e3;
      #8eece8;
    );
}

/* Panels green-turquoise */
.panel-widget > .panel-body.green-turquoise,
.panel-widget.green-turquoise {
  background-color: #36d7b7;
}

.panel-widget.box.green-turquoise {
  .panel-box-variant(
      #61dfc6;
      #36d7b7;
      #94ead9;
      #a9eee0;
      #b6f0e5;
      #bef2e8;
      #d3f6ef;
    );
}

/* Panels green-haze */
.panel-widget > .panel-body.green-haze,
.panel-widget.green-haze {
  background-color: #44b6ae;
}

.panel-widget.box.green-haze {
  .panel-box-variant(
  #67c6bf;
  #44b6ae;
  #93d7d2;
  #a6deda;
  #b1e2de;
  #b9e5e2;
  #cbece9;
  );
}

/* Panels green-jungle */
.panel-widget > .panel-body.green-jungle,
.panel-widget.green-jungle {
  background-color: #26c281;
}

.panel-widget.box.green-jungle {
  .panel-box-variant(
  #41da9a;
  #26c281;
  #74e4b5;
  #8ae8c1;
  #96ebc8;
  #9feccc;
  #b4f0d7;
  );
}

/* Panels green-sharp */
.panel-widget > .panel-body.green-sharp,
.panel-widget.green-sharp {
  background-color: #4db3a2;
}

.panel-widget.box.green-sharp {
  .panel-box-variant(
  #71c2b5;
  #4db3a2;
  #9cd5cb;
  #addcd4;
  #b8e1da;
  #bfe4de;
  #d1ebe7;
  );
}

/* Panels green-soft */
.panel-widget > .panel-body.green-soft,
.panel-widget.green-soft {
  background-color: #3faba4;
}

.panel-widget.box.green-soft {
  .panel-box-variant(
  #5bc2bc;
  #3faba4;
  #87d3ce;
  #9adad6;
  #a5deda;
  #ade1dd;
  #bfe7e5;
  );
}


/* Panels grey */
.panel-widget > .panel-body.grey,
.panel-widget.grey {
  background-color: #e5e5e5;
}

.panel-widget.box.grey {
  .panel-box-variant(
  white;
  #e5e5e5;
  white;
  white;
  white;
  white;
  white;
  #333333;
  #333333;
  );
}

/* Panels grey-steel */
.panel-widget > .panel-body.grey-steel,
.panel-widget.grey-steel {
  background-color: #e9edef;
}

.panel-widget.box.grey-steel {
  .panel-box-variant(
  white;
  #e9edef;
  white;
  white;
  white;
  white;
  white;
  #80898e;
  #80898e;
  );
}

/* Panels grey-cararra */
.panel-widget > .panel-body.grey-cararra,
.panel-widget.grey-cararra {
  background-color: #fafafa;
}

.panel-widget.box.grey-cararra {
  .panel-box-variant(
  white;
  #fafafa;
  white;
  white;
  white;
  white;
  white;
  #333333;
  #333333;
  );
}

/* Panels grey-gallery */
.panel-widget > .panel-body.grey-gallery,
.panel-widget.grey-gallery {
  background-color: #555555;
}

.panel-widget.box.grey-gallery {
  .panel-box-variant(
    #6e6e6e;
    #555555;
    #8d8d8d;
    #9a9a9a;
    #a2a2a2;
    #a7a7a7;
    #b3b3b3;
  );
}

/* Panels grey-cascade */
.panel-widget > .panel-body.grey-cascade,
.panel-widget.grey-cascade {
  background-color: #95a5a6;
}

.panel-widget.box.grey-cascade {
  .panel-box-variant(
  #b1bdbd;
  #95a5a6;
  #d2d9d9;
  #e0e5e5;
  #e8ecec;
  #eef0f0;
  #fcfcfc;
  );
}

/* Panels grey-cascade */
.panel-widget > .panel-body.grey-cascade,
.panel-widget.grey-cascade {
  background-color: #95a5a6;
}

.panel-widget.box.grey-cascade {
  .panel-box-variant(
  #b1bdbd;
  #95a5a6;
  #d2d9d9;
  #e0e5e5;
  #e8ecec;
  #eef0f0;
  #fcfcfc;
  );
}

/* Panels grey-silver */
.panel-widget > .panel-body.grey-silver,
.panel-widget.grey-silver {
  background-color: #bfbfbf;
}

.panel-widget.box.grey-silver {
  .panel-box-variant(
    #d9d9d9;
    #bfbfbf;
    #f7f7f7;
    white;
    white;
    white;
    white;
    #fafcfb;
    #fafcfb;
  );
}

/* Panels grey-salsa */
.panel-widget > .panel-body.grey-salsa,
.panel-widget.grey-salsa {
  background-color: #acb5c3;
}

.panel-widget.box.grey-salsa {
  .panel-box-variant(
    #cacfd8;
    #acb5c3;
    #edeff2;
    #fcfcfd;
    white;
    white;
    white;
    #fafcfb;
    #fafcfb;
  );
}

/* Panels grey-salt */
.panel-widget > .panel-body.grey-salt,
.panel-widget.grey-salt {
  background-color: #bfcad1;
}

.panel-widget.box.grey-salt {
  .panel-box-variant(
    #dde3e6;
    #bfcad1;
    white;
    white;
    white;
    white;
    #fafcfb;
    #fafcfb;
  );
}

/* Panels grey-mint */
.panel-widget > .panel-body.grey-mint,
.panel-widget.grey-mint {
  background-color: #9eacb4;
}

.panel-widget.box.grey-mint {
  .panel-box-variant(
    #bbc5ca;
    #9eacb4;
    #dde2e5;
    #eceef0;
    #f4f6f7;
    #fafbfb;
    white;
    #fafcfb;
    #fafcfb;
  );
}


/* Panels red */
.panel-widget > .panel-body.red,
.panel-widget.red {
  background-color: #d84a38;
}

.panel-widget.box.red {
  .panel-box-variant(
    #e07163;
    #d84a38;
    #ea9f96;
    #efb3ab;
    #f1beb8;
    #f3c6c0;
    #f7dad6;
  );
}

/* Panels red-pink */
.panel-widget > .panel-body.red-pink,
.panel-widget.red-pink {
  background-color: #e08283;
}

.panel-widget.box.red-pink {
  .panel-box-variant(
    #eaabac;
    #e08283;
    #f6dcdc;
    #fbf0f0;
    #fefdfd;
    white;
    white;
  );
}

/* Panels red-sunglo */
.panel-widget > .panel-body.red-sunglo,
.panel-widget.red-sunglo {
  background-color: #e26a6a;
}

.panel-widget.box.red-sunglo {
  .panel-box-variant(
    #ea9595;
    #e26a6a;
    #f4c8c8;
    #f8dddd;
    #fbeaea;
    #fdf3f3;
    white;
  );
}

/* Panels red-intense */
.panel-widget > .panel-body.red-intense,
.panel-widget.red-intense {
  background-color: #e35b5a;
}

.panel-widget.box.red-intense {
  .panel-box-variant(
    #ea8686;
    #e35b5a;
    #f3baba;
    #f7d0d0;
    #f9dddd;
    #fbe6e6;
    #fefbfb;
  );
}

/* Panels red-thunderbird */
.panel-widget > .panel-body.red-thunderbird,
.panel-widget.red-thunderbird {
  background-color: #d91e18;
}

.panel-widget.box.red-thunderbird {
  .panel-box-variant(
    #e9403b;
    #d91e18;
    #ef7672;
    #f28c89;
    #f39997;
    #f4a2a0;
    #f7b9b7;
  );
}

/* Panels red-flamingo */
.panel-widget > .panel-body.red-flamingo,
.panel-widget.red-flamingo {
  background-color: #ef4836;
}

.panel-widget.box.red-flamingo {
  .panel-box-variant(
    #f37365;
    #ef4836;
    #f7a79e;
    #f9bcb6;
    #fac9c4;
    #fbd2cd;
    #fde7e5;
  );
}

/* Panels red-soft */
.panel-widget > .panel-body.red-soft,
.panel-widget.red-soft {
  background-color: #d05454;
}

.panel-widget.box.red-soft {
  .panel-box-variant(
    #db7c7c;
    #d05454;
    #e8acac;
    #eec0c0;
    #f1cccc;
    #f3d4d4;
    #f9e8e8;
  );
}

/* Panels yellow */
.panel-widget > .panel-body.yellow,
.panel-widget.yellow {
  background-color: #ffb848;
}

.panel-widget.box.yellow {
  .panel-box-variant(
    #ffcc7b;
    #ffb848;
    #ffe4b8;
    #ffedd2;
    #fff3e1;
    #fff7eb;
    white;
  );
}

/* Panels yellow-gold */
.panel-widget > .panel-body.yellow-gold,
.panel-widget.yellow-gold {
  background-color: #e87e04;
}

.panel-widget.box.yellow-gold {
  .panel-box-variant(
    #fb9724;
    #e87e04;
    #fcb460;
     #fdbf79;
    #fdc788;
    #fdcb92;
    #fed7ab;
  );
}

/* Panels yellow-casablanca */
.panel-widget > .panel-body.yellow-casablanca,
.panel-widget.yellow-casablanca {
  background-color: #f2784b;
}

.panel-widget.box.yellow-casablanca {
  .panel-box-variant(
    #f59c7b;
    #f2784b;
    #fac6b4;
    #fbd8cb;
    #fce3da;
    #fdeae3;
    #fffcfb;
  );
}


/* Panels yellow-crusta */
.panel-widget > .panel-body.yellow-crusta,
.panel-widget.yellow-crusta {
  background-color: #f3c200;
}

.panel-widget.box.yellow-crusta {
  .panel-box-variant(
     #ffd327;
    #f3c200;
    #ffe064;
    #ffe57e;
    #ffe88d;
    #ffea97;
    #ffefb1;
  );
}

/* Panels yellow-lemon */
.panel-widget > .panel-body.yellow-lemon,
.panel-widget.yellow-lemon {
  background-color: #f7ca18;
}

.panel-widget.box.yellow-lemon {
  .panel-box-variant(
    #f9d549;
    #f7ca18;
    #fbe384;
    #fce99d;
    #fcecac;
    #fceeb6;
    #fdf4ce;
  );
}

/* Panels yellow-saffron */
.panel-widget > .panel-body.yellow-saffron,
.panel-widget.yellow-saffron {
  background-color: #f4d03f;
}

.panel-widget.box.yellow-saffron {
  .panel-box-variant(
    #f7dc6f;
    #f4d03f;
    #faeaa9;
    #fbf0c1;
    #fcf3d0;
    #fdf6d9;
    #fefcf1;
  );
}


/* table
 ========================================================================== */
.table thead tr {
  background: linear-gradient(to bottom, #F8F8F8 0px, #ECECEC 100%) repeat-x scroll 0% 0% #F2F2F2;
  font-size: 12px;
  color: #707070;
  font-weight: normal;
}

.mu-table-action-cont {
  width:70px !important;
  padding:0 5px;
  vertical-align: middle !important;
}

.mu-table-action{
  width: 120px !important;
  a {
    display: inline-block;
    margin: 0 3px;

    &:hover {
      text-decoration: none;
    }
  }

  .edit {
      i {
          color: #478FCA !important;
          font-size: 18px;
      }
  }
  .delete {
      i {
          color: #DD5A43 !important;
          font-size: 18px;
      }
  }
  .cancel {
      i {
          color: #DD5A43 !important;
          font-size: 18px;
      }
  }


}

/* mower tabbable. styles for tabbable.
 ========================================================================== */
 .nav-pills, .nav-tabs {
     margin-bottom: 10px;
 }

 .tabs-left.nav-tabs, .tabs-right.nav-tabs {
  border-bottom: 0
}
.tabs-left.nav-tabs>li, .tabs-right.nav-tabs>li {
  float: none
}
.tabs-left.nav-tabs>li>a, .tabs-right.nav-tabs>li>a {
  margin-right: 0;
  margin-bottom: 3px
}
.tabs-left.nav-tabs {
  border-right: 1px solid #ddd
}
.tabs-left.nav-tabs>li>a {
  display: block;
  margin-right: -1px
}
.tabs-left.nav-tabs>li.active>a, .tabs-left.nav-tabs>li.active>a:hover>li.active>a:focus {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  border-color: #ddd transparent #ddd #ddd
}
.tabs-right.nav-tabs {
  border-left: 1px solid #ddd
}
.tabs-right.nav-tabs>li>a {
  display: block;
  margin-left: -1px
}
.tabbable:after, .tabbable:before, .tiles:after, .tiles:before {
  display: table;
  content: " "
}
.tabs-right.nav-tabs>li.active>a, .tabs-right.nav-tabs>li.active>a:hover>li.active>a:focus {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  border-color: #ddd #ddd #ddd transparent
}

.tabs-below>.nav-pills, .tabs-below>.nav-tabs {
  border-bottom: 0;
  margin-bottom: 0;
  margin-top: 10px
}
.tabs-below>.nav-tabs {
  border-top: 1px solid #ddd;
  margin-bottom: 0;
  margin-top: 10px
}
.tabs-below>.nav-tabs>li>a {
  margin-top: -1px;
  margin-bottom: 0
}
.tabs-below>.nav-tabs>li>a .dropdown-menu {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}
.tabs-below>.nav-tabs .active a, .tabs-below>.nav-tabs .active a:hover .active a:focus {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
  -o-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
  border-color: transparent #ddd #ddd !important
}

.mu-tabbable {
  margin-bottom: 15px;
  padding: 0px;

  a{
    text-shadow: none !important;
    color: #0d638f;
  }

  > .nav-tabs {
    border: none;
    margin: 0px;
  }

  .nav-tabs > li {
    margin-right: 2px;
    border-top: 2px solid transparent;

    &.active {
      border-top: 3px solid #d12610;
      box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
      margin-top: 0;
      position: relative;

      > a  {
        border-top: none;
        font-weight: 400;

        &:hover {
          border-top: none;
          background: #fff;
          border-color: #d4d4d4 #d4d4d4 transparent;
        }
      }
    }

    > a {
      margin-right: 0;
      &:hover {
        background: none;
        border-color:transparent;
      }
    }


  }

  > .tab-content {
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 10px;
  }

  &.nav-justified .tab-content {
    margin-top: -1px;
  }

  &.border-remove > .tab-content {
    padding:15px 0;
    border-left:none;
    border-right:none;
    border-bottom:none;
  }


  &.tabs-below {

    .nav-tabs > li {
      &.active {
        border-top: none;
        border-bottom: 3px solid #d12610;
        margin-bottom: 0;
        position: relative;

        > a {
          border-bottom: none;

          &:hover {
            background: #fff;
            border-color: #d4d4d4 #d4d4d4 transparent;
          }

        }

      }

      > a {
        border-top: none;
        border-bottom: 2px solid transparent;
        margin-top: -1px;
      }
    }

    &.nav-justified .tab-content {
      margin-top: 0px;
      margin-bottom: -2px;
    }
  }

  .tabbable-full-width {

    > .tab-content {
      padding:15px 0;
      border-left:none;
      border-right:none;
      border-bottom:none;
    }

    .nav-tabs > li > a {
      color:#424242;
      font-size:15px;
      padding:9px 15px;
    }

  }
}

.tab-pane > p:last-child {
  margin-bottom: 0px;
}


.help-button {
  background-color: #65BCDA;
  border: 2px solid #FFFFFF;
  border-radius: 100% !important;
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.2);
  color: #FFFFFF;
  cursor: default;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 22px;
  line-height: 22px;
  margin-top: 4px;
  margin-left: 8px;
  padding: 0;
  text-align: center;
  width: 22px;
}

.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #fbcdcf;
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #F3565D;
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: #333;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}

.tabbable-line > .nav-tabs.nav-justified > .active >a, 
.tabbable-line > .nav-tabs.nav-justified > .active >a:hover,
.tabbable-line > .nav-tabs.nav-justified > .active >a:focus{
    border: 0;
}

.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #F3565D;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}

/* fuelux wizard
 ========================================================================== */

.fuelux .wizard {
  *zoom: 1;
  border:1px solid #d4d4d4;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  background-color: #f9f9f9;
  position: relative;
  overflow: hidden;
}
.fuelux .wizard:before,
.fuelux .wizard:after {
  display: table;
  content: "";
  line-height: 0;
}
.fuelux .wizard:after {
  clear: both;
}
.fuelux .wizard ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.fuelux .wizard ul.previous-disabled li.complete {
  cursor: default;
}
.fuelux .wizard ul.previous-disabled li.complete:hover {
  background: #f3f4f5;
  color: #468847;
  cursor: default;
}
.fuelux .wizard ul.previous-disabled li.complete:hover .chevron:before {
  border-left-color: #f3f4f5;
}
.fuelux .wizard ul li {
  float: left;
  margin: 0;
  padding: 0 10px 0 18px;
  height: @wizard-li-height; /*whole min height - border*/
  line-height: @wizard-li-line-height;/*whole min height - border*/
  position: relative;
  background: #ededed;
  color: #999999;
  cursor: default;
}
.fuelux .wizard ul li .chevron {
  border: @wizard-chevron-border solid transparent; /*whole min height = top border + bottom border*/
  border-left: @wizard-chevron-border-left solid #d4d4d4;
  border-right: 0;
  display: block;
  position: absolute;
  right: -14px;
  top: 0;
  z-index: 1;
}
.fuelux .wizard ul li .chevron:before {
  border: @wizard-chevron-border solid transparent; /*whole min height = top border + bottom border*/
  border-left: @wizard-chevron-border-left solid #ededed;
  border-right: 0;
  content: "";
  display: block;
  position: absolute;
  right: 1px;
  top: -15px;
}
.fuelux .wizard ul li.complete {
  background: #f3f4f5;
  color: #468847;
}
.fuelux .wizard ul li.complete:hover {
  background: #e7eff8;
  cursor: pointer;
}
.fuelux .wizard ul li.complete:hover .chevron:before {
  border-left: 14px solid #e7eff8;
}
.fuelux .wizard ul li.complete .chevron:before {
  border-left: 14px solid #f3f4f5;
}
.fuelux .wizard ul li.active {
  background: #f1f6fc;
  color: #3a87ad;
}
.fuelux .wizard ul li.active .chevron:before {
  border-left: 14px solid #f1f6fc;
}
.fuelux .wizard ul li.active .badge {
  background-color: #3a87ad !important;
}
.fuelux .wizard ul li .badge {
  -moz-border-radius: 9px !important;
  -webkit-border-radius: 9px !important;
  border-radius: 9px !important;
  background-color: #999999 !important;
  margin-right: 8px;
}
.fuelux .wizard ul li .badge-success {
  background-color: #468847;
}
.fuelux .wizard ul li:first-child {
  border-radius: 4px 0 0 4px !important;
  padding-left: 20px;
}
.fuelux .wizard .actions {
  z-index: 1000;
  position: absolute;
  right: 0;
  line-height: @wizard-li-height;
  float: right;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: middle;
  background-color: #e5e5e5;
  border-left: 1px solid #d4d4d4;
}
.fuelux .wizard .actions a {
  line-height: @wizard-action-line-height;
  font-size: 12px;
  margin-right: 8px;
  padding-top: 0;
  padding-bottom: 0;
}
.fuelux .wizard .actions .btn-prev span {
  margin-right: 5px;
}
.fuelux .wizard .actions .btn-next span {
  margin-left: 5px;
}
.fuelux .wizard .step-content {
  border-top: 1px solid #D4D4D4;
  padding: 10px;
  float: left;
  width: 100%;
}
.fuelux .wizard .step-content .step-pane {
  display: none;
}
.fuelux .wizard .step-content .active {
  display: block;
}
.fuelux .wizard .step-content .active .btn-group .active {
  display: inline-block;
}

/* mu-picker
 ========================================================================== */
 .mu-picker {
   border-radius: 4px;
 }
 .mu-picker-dropdown {
   top: 0;
   left: 0;
 }
 .mu-picker-dropdown:before {
   content: '';
   display: inline-block;
   border-left: 7px solid transparent;
   border-right: 7px solid transparent;
   border-bottom: 7px solid #ccc;
   border-top: 0;
   border-bottom-color: rgba(0, 0, 0, 0.2);
   position: absolute;
 }
 .mu-picker-dropdown:after {
   content: '';
   display: inline-block;
   border-left: 6px solid transparent;
   border-right: 6px solid transparent;
   border-bottom: 6px solid #fff;
   border-top: 0;
   position: absolute;
 }
 .mu-picker-dropdown.mu-picker-orient-left:before {
   left: 6px;
 }
 .mu-picker-dropdown.mu-picker-orient-left:after {
   left: 7px;
 }
 .mu-picker-dropdown.mu-picker-orient-right:before {
   right: 6px;
 }
 .mu-picker-dropdown.mu-picker-orient-right:after {
   right: 7px;
 }
 .mu-picker-dropdown.mu-picker-orient-top:before {
   top: -7px;
 }
 .mu-picker-dropdown.mu-picker-orient-top:after {
   top: -6px;
 }
 .mu-picker-dropdown.mu-picker-orient-bottom:before {
   bottom: -7px;
   border-bottom: 0;
   border-top: 7px solid #999;
 }
 .mu-picker-dropdown.mu-picker-orient-bottom:after {
   bottom: -6px;
   border-bottom: 0;
   border-top: 6px solid #fff;
 }

.mu-picker.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  display: none;
  min-width: 160px;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding:0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  line-height: 1.428571429;
}

 .input-group.mu-dropdowntable .input-group-addon i,
 .input-group.mu-dropdowntree .input-group-addon i,
 .input-group.mu-lookup .input-group-addon i{
  cursor: pointer;
  width: 16px;
  height: 16px;
}


/* mu-tagsselect
 ========================================================================== */
 
.mu-tagsselect {
    width: 100%;
}
.mu-tagsselect {
    background-color: #fff;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    display: inline-block;
    padding: 4px 6px;
    margin: 0;
    color: #555;
    vertical-align: middle;
    border-radius: 4px;
    max-width: 100%;
    width: 100%;
    cursor: text;
}
.mu-tagsselect input {
    border: none;
    box-shadow: none;
    outline: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    width: auto !important;
    max-width: inherit;
}
.mu-tagsselect input:focus {
    border: none;
    box-shadow: none;
}
.mu-tagsselect .tag {
    display: inline-block;
    margin: 1px 0;
    padding: 0;
    border: 1px solid #afafb6;
}
.mu-tagsselect .tag-facet-category {
    padding: 3px;
    background: none repeat scroll 0 0 #aaa;
    color: #fff;
}
.mu-tagsselect .tag-facet-value {
    padding: 3px;
    border-left: 1px solid #afafb6;
    color: #4c4c4c;
    text-shadow: 0 1px 1px white;
}
.mu-tagsselect .tag-facet-remove {
    color: #aaa;
    font-weight: bold;
    margin: 0 3px;
    vertical-align: top;
    cursor: pointer;
}
.mu-tagsselect .tag-facet-remove:hover {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.mu-tagsselect .tag-facet-remove:hover:active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* mu-dropdownquery
 ========================================================================== */
.mu-dropdownquery .dropdown-menu {
    width: 100%;
}


.mu-lookup .input-group-addon {
  border-left:0;
}


/* remote modal 
 ========================================================================== */

 .modal {
     > .loader {
         display: none
     }
     &.modal-loading {
         .modal-dialog {
             opacity: 0
         }
         .loader {
             position: absolute;
             display: block;
             text-align: center;
             font-size: 42px;
             color: #fff;
             top: 35%;
             width: 80px;
             left: 50%;
             margin-left: -40px;
         }
     }
 }

/* cascadepicker
 ========================================================================== */
 .cascade-list li {
     float: left;
     width: 90px;
     padding: 2px 0 2px 15px;
     clear: none;
 }

  .cascade-list li.active > a {
     background-color: #f3565d;
     color: #fff;
 }
 .cascade-list li a {
     font-size: 13px;
     float: left;
     padding: 2px 4px;
     color: #23527c;
 }

 .cascade-list li a:hover {
     background-color: #23527c;
     color: #fff;
 }






